<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 选择匹配符 
    //  |  在正则表达式中表示 或 的关系 => 通常配合()使用

    // [xyz]    字符匹配符 => 匹配集合中的任意一个字符  x|y|z  (单字符'或')
    // (cat|dog)  匹配cat或dog (多字符'或')

    // var str = "I like car , and you ?"
    // var reg = /cat|dog/i;
    // console.log(reg.test(str));


    // 匹配域名
    // https://www.baidu.com

    // 协议:  
    // http  https    (http|https)

    // 域名
    // www  万维网    (www\.)?
    // baidu  一级域名   \w{2,63}
    // tieba.baidu  二级域名   (\w{2,63}\.)\w{2,63}
    // a.tieba.baidu  三级域名   (\w{2,63}\.){0,2}\w{2,63}

    // 域名后缀
    // (com|net|cn|edu|email|xyz|\w+)

    // var url = "https://www.a.tieba.baidu.com";
    // var reg = /^(http|https):\/\/(www\.)?(\w{1,63}\.){0,2}\w{2,63}\.(com|net|cn|edu|email|xyz|\w+)$/;
    // console.log(reg.test(url));


    var url = "https://www.a.tieba.baidu.com:5050/";
    var reg = /^(http|https):\/\/(www\.)?(\w{1,63}\.){0,2}\w{2,63}\.(com|net|cn|edu|email|xyz|\w+)(:\d{2,4})?\/?$/;

    console.log(reg.test(url));
</script>

</html>